@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1400px) {
	
	header .top{max-width: 1200px;}

	.content{max-width: 1200px;}

	.con{max-width: 1200px;}

	.foot .box{max-width: 1200px;}

}

@media screen and (max-width: 1200px) {
	
	header .top{max-width: 980px;}
	header .top .nav li p a{padding:0 16px;}

	.content{max-width: 980px;}
	.dyip{margin:60px auto 0 auto;}
	.derp{margin-top: 60px;}
	.dsanp{margin:60px auto;}
	.dsip{margin:60px auto;}
	.dsip .txt h2{font-size: 18px;}
	.dsip .txt .xian{margin-top: 15px;}
	.dsip .txt p{margin-top: 20px;line-height: 24px;}
	.dsip .txt .more{margin-top: 20px;}

	.con{max-width: 980px;}

	.foot .box{max-width: 980px;}

}

@media screen and (max-width: 980px) {

	header{height: 50px;}
	header .top{max-width: 720px;}
	header .top h1{margin-top: 5px;width: 40px;}
	header .top .txt{display: block;}
	header .top .nav{display: none;}
	header .m-btn {display: block;}

	.search{display: none;}

	.content{max-width: 720px;margin:30px auto 0 auto;}

	.dyip{}
	.derp{margin-top: 0px;}
	.dsanp{margin:60px auto 0 auto;}
	.dsanp ul{}
	.dsanp li{width: 25%;margin-bottom: 20px;}
	.dsanp li .txt{margin-top: 10px;}
	.dsanp li .txt h2{font-size: 14px;}
	.dsanp li .txt .more{margin-top: 5px;}
	.dsip{margin:40px auto 60px auto;flex-flow: column;}
	.dsip .about_pic{width: 100%;}
	.dsip .txt{width: 100%;margin-left: 0%;margin-top: 30px;}
	.dsip .txt h2{font-size: 18px;}
	.dsip .txt .xian{margin-top: 15px;}
	.dsip .txt p{margin-top: 20px;line-height: 24px;}
	.dsip .txt .more{margin-top: 20px;}

	.dwup{margin:50px auto;}

	.subnav ul{text-align: left;}
	.subnav li{font-size: 12px;width: 50%;line-height: 40px;text-align: center;border-bottom: 1px solid #EEE;}

	.con{margin:30px auto;max-width: 720px;}
	.men ul{margin-left: -4%;}
	.men li{width: 46%;margin-bottom: 20px;margin-left: 4%;}
	.men li .txt{margin-top: 10px;}
	.men li .txt h2{font-size: 14px;}
	.men li .txt .more{margin-top: 5px;}

	.about p{padding-bottom: 10px;}

	.foot .box{max-width: 720px;}

}

@media screen and (max-width: 720px) {

	header .top h1{margin-left: 6%;}

    .banner{margin-top:5px;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-pagination-yi{bottom: 10px;}
	.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 7px;}
	.banner .swiper-pagination-bullet{width: 6px;height: 6px;}
	.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 24px;}

	.content{padding:0 5%;}

	.derp .txt .title{font-size: 20px;}
	.derp .txt p{margin-top: 15px;}
	.derp .pic{margin-top: 15px;}
	.derp .pic p{font-size: 12px;padding-top: 2px;letter-spacing: 0px;}
	.derp ul{margin-bottom:30px;}
	.derp li p{font-size: 12px;padding-top: 2px;letter-spacing: 0px;}

	.dsanp{margin-top:40px;}
	.dsanp li{float: left;width: 50%;}
	.dsanp li i{font-size: 30px;color: #e60012;}
	.dsanp li p{font-size: 14px;margin-top: 15px;font-weight: bold;}

	.dsip{margin:20px auto;flex-flow: column;}
	.dsip .title{font-size: 20px;}
	.dsip ul{margin-top: 15px;margin-left: 0%;}
	.dsip li{width: 100%;margin-left: 0%;margin-bottom:20px;}
	

	.dwup{margin:30px auto;}
	.dwup ul{margin-left: 0%;}
	.dwup li{float: none;width: 100%;margin-left: 0%;margin-bottom: 10px;}
	
	.dliup .title_dbt{font-size: 20px;}
	.dliup ul{margin-left: 0;margin-top: 20px;}
	.dliup li{ width:100%; margin-bottom: 10px;float: none;margin-left: 0;}
	.dliup li .input_txt{ height:30px;}
	.dliup .more{margin-top:10px;}
    .dliup .input_btn{ width:100px; height:30px;font-size:14px;}

	.con{margin:30px 5%;}
	
	.news ul{margin-left: 0%;margin-top: 30px;}
    .news li{float: left;width: 100%;margin-left: 0%;text-align: left;box-shadow: 0 30px 30px -10px rgba(0,0,0,0.1);margin-bottom: 10px;}
    .news li h2{font-size: 14px;line-height: 24px;margin:10px 15px;height:auto;}


	.contact .txt{margin-top: 30px;}
	.contact_b{margin-top: 50px;flex-flow: column;}
	.contact_b .pic{width: 100%;}
	.contact_b .right{width: 100%;margin-left: 0%;margin-top: 20px;}
	.contact_b .right .input_btn{width: 120px;height: 50px;margin-top: 10px;}

	.foot .box{margin:0 5%;}
	.foot_t{padding:20px 0;}
	.foot_t .left{float: none;font-size: 12px;line-height: 24px;}
	.foot_t .right{float: none;width: 100px;margin-top: 10px;}
	.foot_b{padding:10px 0;line-height: 24px;font-size: 12px;}
	.foot_b p{display: none;}

}